<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>bootstrap</title>
    <link rel="stylesheet" href="css/reset.css">

    <!--   <link rel="stylesheet" href="css/bootstrap.min.css">-->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-table/1.15.4/bootstrap-table.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-table/1.15.4/bootstrap-table.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-table/1.15.4/locale/bootstrap-table-zh-CN.min.js"></script>
</head>
<style type="text/css">

    .row-style {
        /*margin-left: 5px;*/
    }

    .col-style {
        border: 1px solid gray;
        /*margin-left: 5px;*/
		inset 1px -1px 1px #444, inset -1px 1px 1px #444;
    }
</style>

<body>


<!--col-xs-offset-2-->
<div class="row">
    <div class="col-xs-3 col-style ">测试测试1</div>
    <div class="col-xs-3 col-style ">测试测试1</div>
	<div class="col-xs-6 col-style ">测试测试112</div>

</div>


<div class="row">
    <div class="col-xs-6 col-style " style="display: none">测试测试22</div>
    <div class="col-xs-6 col-style ">测试测试22</div>
</div>


<div class="container">
	<div class="row" >
		<div class="col-xs-6 col-sm-3"
			 style="background-color: #dedef8;
            box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
		</div>
		<div class="col-xs-6 col-sm-3"
			 style="background-color: #dedef8;box-shadow:
        inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
				eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
				enim ad minim veniam, quis nostrud exercitation ullamco laboris
				nisi ut aliquip ex ea commodo consequat.
			</p>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
				eiusmod tempor incididunt ut.
			</p>
		</div>

		<div class="clearfix visible-xs"></div>

		<div class="col-xs-6 col-sm-3"
			 style="background-color: #dedef8;
        box-shadow:inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
			<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco
				laboris nisi ut aliquip ex ea commodo consequat.
			</p>
		</div>
		<div class="col-xs-6 col-sm-3"
			 style="background-color: #dedef8;box-shadow:
        inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
				eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
				enim ad minim
			</p>
		</div>
	</div>
</div>
</body>


</html>
